
/* transparent gradient */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.001) 0%,  rgba(0,0,0,0.5) 100%);




/* Change input placeholder color */
::-webkit-input-placeholder {
    color: #FF0000;
    opacity: 1 !important; /* for chrome */
}

:-moz-placeholder { /* Firefox 18- */
    color: #FF0000;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #FF0000;
}

:-ms-input-placeholder {  
   color: #FF0000;
}


.rating-star:hover ~ .rating-star


/*  To ensure proper rendering and touch zooming ***********/
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
// user-scalable=no ---> disable zooming capabilities on mobile devices




/* Good Readable Fonts ********************/
.fonts{font-family: helvetica, arial, sans-serif;}

/* fontface */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

.outerContent input[type="checkbox"]:checked+label .icon-checked{background-position:-55px -152px;}
<input type="radio" value="55" id="rdo7" name="rdoCreation" class="radio absolute">
<label class="hide checkedRdoCreation" for="rdo7" style="display: inline;">
	<i class="icon-checked"></i>
</label>



/* qk-radio */
.qk-radio input[type="radio"]{display:none;}
.qk-radio input[type="radio"] + label .icon-radio-empty{margin-top:-2px;}
.qk-radio input[type="radio"]:checked + label .icon-radio-empty{background-position:-375px -389px;}

















